{% extends 'CHOMPSGIBundle:Empresa:base.html.twig' %}
{% block subtitle %} Listar {% endblock %} 

{% block content %} 
    		<div style="padding: 20px 0;">
				<div class="row-fluid">
					<div class="span4">
						{% spaceless %}
							{% if 'CREAR_EMPRESA' in permisos %}
							<a class="btn btn-success text-left" href="{{ path("empresa_nuevo") }}">Crear Empresa</a>
							<a class="btn btn-danger btnBorrar" > Eliminar </a>
							{% endif %}
						{% endspaceless %}	
					</div>
					{% set esAdmin = app.session.get('esAdmin') %}
                          
					{% if esAdmin == 'SI' %}
						<div class="span8">
							<form id="searchForm" action="{{ path('filtro_empresa') }}" method="POST">
								<div class="control-group span8">
									<div class="row-fluid">
										<div class="controls ">
											<div class="input-append" style="float:left">
											    <i><input type="text" id="nombreEmpresa" name="nombreEmpresa" placeholder="Nombre empresa"></i>
											    <span class="add-on" style="cursor: pointer" onclick="$('#searchForm').submit();"><i class="icon-search"></i></span>
										    </div>
										    <div class="span4 offset1"><a href="{{ path('empresa_listar') }}">Mostrar todas</a></div>
									    </div>	    
		 							</div>
							    </div>
							</form>
						</div>
					{% endif %}				
				</div>
    		</div>

            <table class="table table-condensed listado">
            		
            		<!-- Cabeceras de la tabla-->
                    <tr>
                		<th><input type="checkbox" id="marcarTodo" name="marcarTodo"/></th>
                        <th width="5%">ID</th>
						<th>Nombre</th> 
                        <th>Descripci&oacute;n</th>
						<th>Direcci&oacute;n</th>
						<th>Tel&eacute;fono</th>
                    </tr>

                    <!-- Empresas -->
                    {% for empresa in empresas %}
						{% if empresa.borrado != 0 %}						
							<tr style="background: lightcoral;">
						{% else %}
							<tr>
						{% endif %}
							{% set empresaId = app.session.get('empresa') %}
							{% if empresa.id != empresaId and empresa.borrado == 0 %}
								<td> <input type="checkbox" id="{{empresa.id}}" name="{{empresa.id}}"/></td> 
							{% else %}
								{% if empresa.borrado != 0 %}
								<td><a href="{{ path('empresa_activar',{ 'id': empresa.id } ) }}">	Activar </a></td> 						{% else %}
								<td> </td> 
								{% endif %}
							{% endif %}
							<td> {{ empresa.id }}</td>
							<td> <a href="{{ path('empresa_ver',{ 'id': empresa.id } ) }}">	{{empresa.nombre | default("") }} </a></td>
							<td> {{empresa.descripcion}}</td>
							<td> {{empresa.calle}} {{empresa.numero}} {{empresa.piso}} {{empresa.dpto}}</td>
							<td> {{empresa.telefono  | default("") }}</td>
						</tr>
							
						
                    {% endfor %}

                    <tr> 
                    	<td colspan="6"> 
                    		{{ pagerfanta (empresas, 'twitter_bootstrap_translated' , { 'prev_message' : 'Anterior', 'next_message': 'Siguiente'} ) }}  <!-- ,  -->
                    	</td> 
                    </tr>
            </table>
			

			<!-- Mensaje de confirmaçión de borrado -->
			<div class="modal fade" id="confirmMsg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
				  <div class="modal-content">
				    <div class="modal-header">
				      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				      <h4 class="modal-title">Eliminar empresas?</h4>
				    </div>
				    <div class="modal-body">
				      La/s empresa/s ser&aacute;n eliminadas de forma permanente. &iquest;Est&aacute; seguro?
				    </div>
				    <div class="modal-footer">
				      <a class="btn " href="#" data-dismiss="modal">Cancelar</a>
				      <a class="btn btn-default btn-danger" href="#" onClick="borrarEmpresas();"> Eliminar </a>
				    </div>
				  </div>
				</div>
			</div>
   

   	<script>

		$(document).ready(function () {
			$("#marcarTodo").change(function () {
			if ($(this).is(':checked')) {
				$("input[type=checkbox]").prop('checked', true); //todos los check
				//$(".check input[type=checkbox]").prop('checked', true); //solo los del objeto #diasHabilitados
			} else {
				$("input[type=checkbox]").prop('checked', false);//todos los check
				//$(".check input[type=checkbox]").prop('checked', false);//solo los del objeto #diasHabilitados
			}});	
		});		
   		
		var checkedCuentas = '';

		//Mostrar mensaje de confirmacion		
		$('.btnBorrar').click( function(){
			if($("input:checked").length > 0)
				$('#confirmMsg').modal('show');
			else
				alert('Debe seleccionar al menos una empresa');
		});  
		
		//Obtener checkboxes tildados
		$('#confirmMsg').on('show.bs.modal', function () {
			$("input:checked").each(function() {
				var empchecked = '';
				empchecked = $(this).attr('id') ;
				checkedCuentas += empchecked +',';
			});
			if (checkedCuentas != '')
				checkedCuentas = checkedCuentas.slice(0, checkedCuentas.length-1);
		});

		//inicializar checkboxes tildados
		$('#confirmMsg').on('hide.bs.modal', function () {
			checkedCuentas = '';
		});

		//Borrar empresas tildadas
		function borrarEmpresas(){
			URLBorrarCuentas = '';
			URLBorrarCuentas = "{{ path('empresa_borrar',{ 'id': 0} ) }}";
			URLBorrarCuentas = URLBorrarCuentas.slice(0, URLBorrarCuentas.length-1);
			URLBorrarCuentas+= checkedCuentas; 
			window.location = URLBorrarCuentas;
		}
    </script>

{% endblock %}
